<script type="text/javascript">
jQuery(document).ready(function($){

	jQuery("#frm_login").validationEngine();

});

function doViewDetail(theURL, theTitle)
{
	jQuery("#divDetailView").dialog("destroy");

	jQuery("#divDetailView").dialog({
		title: theTitle,
		height: 500,
		width:600,
		modal: true,
		open: function(event, ui) {
			jQuery.ajax({
				type: "POST",
				url: theURL,
				data: "dummyval=1",
				success: function(msg){
					msg = jQuery.trim(msg);
					jQuery("#inner_data").html(msg);
				}
			 });

		},
		close: function(){
			jQuery("#inner_data").html('loading...');
		}
	});
}
</script>
<div id="divDetailView" style="display:none;"><div id="inner_data">loading...</div></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top:50px;">
  <tr>
    <td align="center" valign="top"><table cellpadding="0" cellspacing="0">
    <tr>
    <td align="center" style="margin-top:5px;background-color:#FFFFFF;padding-bottom:10px;"><img src="<?php echo file_upload_base_url()?>logo_image/logo.png"/></td>
    </tr>
        <tr>
          <td align="left" valign="bottom" bgcolor="#F660AB" style="padding:5px 0 5px 10px;color: #FFFFFF; font-size:20px;" height="30">League Guru</td>
        </tr>
        <tr>
          <td align="center" valign="top"><form  id="frm_login" name="frm_login" action="<?php echo $do_login;?>" method="post" >
            <table width="100%" border="0" cellspacing="2" cellpadding="12" style="border:1px solid #F660AB;">
              <tr>
                <td height="163"><span style="padding:14px 0px;"><img src="<?php echo CSS_IMAGES_JS_BASE_URL;?>images/lock.jpg" alt=""  /></span></td>
                <td valign="middle"><table border="0" cellspacing="8" cellpadding="0">
                  <tr>
                    <td colspan="2" align="left"><h2>Administration Login</h2></td>
                    <td width="58" rowspan="5" align="center" valign="bottom"><input name="submit" type="submit" class="button-order" onmouseover="this.className='buttonon-order'" onmouseout="this.className='button-order'" value="<?php echo lang('login') ?>" /></td>
                  </tr>

                  <tr>
                    <td width="83" align="right" valign="middle">Username:</td>
                    <td width="213" align="left" valign="middle"><input name="username" id="username" class="validate[required] textbox" type="text" value="" size="32" maxlength="50">
                        <div style="color:#FF0000;"><?php echo form_error('username'); ?></div></td>
                  </tr>
                  <tr>
                    <td align="right" valign="middle">Password:</td>
                    <td align="left" valign="middle"><input name="password" id="password" type="password" value="" maxlength="20"  class="validate[required] textbox" size="32" />
                        <div style="color:#FF0000;"><?php echo form_error('password'); ?></div></td>
                  </tr>
                </table></td>
              </tr>
			  <tr>
			  	<td>&nbsp;</td>
                <td align="right" valign="top">&nbsp;</td>
               </tr>
            </table>
          </form></td>
        </tr>
      </table></td>
  </tr>
</table>
